<template>
  <router-view></router-view>

  <!-- tabbar -->
  <router-link to="/home/index">1</router-link>
  <router-link to="/home/wish">2</router-link>
  <router-link to="/home/message">3</router-link>
  <router-link to="/home/mine">4</router-link>
</template>

<script>
import { computed } from 'vue';
import { useStore } from "vuex";
export default {
  setup() {
    const store = useStore();
    const count = computed(() => store.state.count)

    return {
      count,
    }
  }
}
</script>

<style lang="less" scoped>
@import "../assets/css/reset.less";
h1 {
  width: 100%;
  height: 150px;
  background: red;
  color: white;
  text-align: center;
  line-height: 150px;
}
</style>